<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link rel="stylesheet" href="css/amazeui.min.css">
		<link rel="stylesheet" href="js/need/layer.css">
		<link rel="stylesheet" href="css/all-wap.css">
		<link rel="stylesheet" href="css/detail-wap.css">
		<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
		<script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
		<!--<script type="text/javascript" src="js/layer.js"></script>-->
		<script type="text/javascript" src="js/amazeui.min.js"></script>
		<title></title>
	</head>

	<body class="am-with-fixed-navbar">
		<div class="pet_mian">
			<!--header-->
			<header class="am-header i-top">
				<div class="am-header-left am-header-nav logo">
					<a href="">

						<img src="images/logo.png">
					</a>
				</div>

				<div class="am-header-right am-header-nav i-top-pic">
					<a href="">
						<img src="images/fdj.png">
					</a>
					<a href="">
						<img src="images/user.png">
					</a>
				</div>
			</header>

			<nav class="am-menu  am-menu-default header-menu">
				<ul class="am-menu-nav am-avg-sm-5 i-nav">
					<li>
						<a href="">首页</a>
					</li>
					<li class="i-active">
						<a href="">优播</a>
					</li>
					<li>
						<a href="">视频</a>
					</li>
					<li>
						<a href="">图库</a>
					</li>
					<li>
						<a href="">天梯</a>
					</li>
				</ul>
			</nav>
			<!--header-->

			<!-- video -->
			<div class="video-detail-v" style="margin-top: 96px;">
				<div class=" author-v video-d-v">
					<img style="width:100%" src="images/host/bgzb.jpg" />
				</div>
				<h2>LOL战斗之夜游戏好礼送不停身上就会觉得还是觉得很速度很快</h2>
				<div class="v-author">发布者：<span>素年锦时</span></div>
				<div class="news-tabs author-tabs v-tabs">
					<dl class="tab">
						<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
						<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
						<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
					</dl>

					<button class="news-content-btn-more" data-am-modal="{target: '#news-share'}"></button>
					<button class="news-content-comment"><span class="has-comment"></span></button>
					<div class="am-modal-actions news-share-actions" id="news-share">
						<div class="am-modal-actions-group news-share-group ">

							<ul class="am-list news-share-list">
								<li>
									<a href="#"><img src="images/news/weixin.jpg"></a>
									<div>微信好友</div>
								</li>
								<li>
									<a href="#"><img src="images/news/pyq.jpg"></a>
									<div>微信朋友圈</div>
								</li>
								<li>
									<a href="#"><img src="images/news/qq.jpg"></a>
									<div>QQ好友</div>
								</li>
								<li>
									<a href="#"><img src="images/news/kj.jpg"></a>
									<div>QQ空间</div>
								</li>
								<li>
									<a href="#"><img src="images/news/wb.jpg"></a>
									<div>新浪微博</div>
								</li>
								<li>
									<a href="#"><img src="images/news/sc.jpg"></a>
									<div>收藏</div>
								</li>
							</ul>
						</div>
						<div class="am-modal-actions-group news-share-group-btn">
							<button class="am-btn am-btn-secondary am-btn-block" data-am-modal-close>取消</button>
						</div>
					</div>
				</div>
			</div>

			<div class="v-list">
				<div class="news-content-title news-c-d-title v-list-title">
					<span class="news-c-d-more-logo"></span >
					<span class="news-c-d-more-word">看看其他的</span>
					<a href="">更多<em>></em></a>
				</div>

				<div class="v-c-item am-g">
					<div class="am-u-sm-8 v-i-left">
						<h2><a href="">LOL战斗之夜游戏好礼送不停横说竖说</a></h2>
						<div class="v-i-tab">
							<dl class="tab">
								<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
								<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>

							</dl>
						</div>
						<div class="v-author v-i-author">发布者：<span>素年锦时</span></div>

					</div>
					<div class="am-u-sm-4 v-i-right">
						<a href="">
							<img src="images/host/bgzb.jpg" />
							<div class="v-i-btn"></div>
						</a>

					</div>
				</div>

				<div class="v-c-item am-g">
					<div class="am-u-sm-8 v-i-left">
						<h2><a href="">LOL战斗之夜游戏好礼送不停横说竖说</a></h2>
						<div class="v-i-tab">
							<dl class="tab">
								<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
								<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>

							</dl>
						</div>
						<div class="v-author v-i-author">发布者：<span>素年锦时</span></div>

					</div>
					<div class="am-u-sm-4 v-i-right">
						<a href="">
							<img src="images/host/bgzb.jpg" />
							<div class="v-i-btn"></div>
						</a>

					</div>
				</div>
			</div>

			<div class="news-content-block news-more-btn v-d-more" style="display: none;">
				<button>加载更多</button>
			</div>
			<div class="news-content-block news-more-btn v-d-more">
				<button>收起列表</button>
			</div>

			<!--菜单-->
			<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default ">
				<ul class="am-navbar-nav am-cf am-avg-sm-4 i-footer">
					<li>
						<a href="">
							<img src="images/news.png" alt="新闻" />
							<span class="am-navbar-label">新闻</span>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/tj.png" alt="推荐" />
							<span class="am-navbar-label">推荐</span>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/tv.png" alt="直播" />
							<span class="am-navbar-label">直播</span>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/wo.png" alt="我" />
							<span class="am-navbar-label">我</span>
						</a>
					</li>
				</ul>
			</div>
			<!--菜单-->
		</div>
	</body>

</html>